{extend name="pc/common/_base" /}

{block name="title"}
<title>{$website['title']}</title>
{/block}

{block name="keywords"}
{/block}

{block name="description"}
{/block}

{block name="style"}
<style>
    .bg-FDFDFD {
        background: #fdfdfd;
    }

    .products-new-li {
        max-width: 1200px;
        margin: 0 auto;
        padding: 35px 0;
    }

    .products-new-li > h2 {
        font-size: 36px;
        text-align: center;
        font-weight: bold;
        line-height: 52px;
        color: #212229;
    }

    .products-new-li:nth-child(1) > h2 {
        margin-top: 50px;
    }

    .products-new-list {
        margin: 33px 0;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .products-new-list > li {
        min-width: 340px;
        width: 33.33%;
        flex: 1;
        position: relative;
    }

    .products-new-ctt {
        padding: 22px;
        position: relative;
        top: 0;
    }

    .products-new-link {
        padding: 30px 26px 30px;
        position: relative;
    }

    .products-new-link.list-01 {
        background: url("{$moduleAttachUrl}/static/images/icon/ico_anquan.png") no-repeat top center;
        background-position: center 15px;
    }

    .products-new-link.list-02 {
        background: url("{$moduleAttachUrl}/static/images/icon/ico_kuaijie.png") no-repeat top center;
        background-position: center 15px;
    }

    .products-new-link.list-03 {
        background: url("{$moduleAttachUrl}/static/images/icon/ico_zhuanhuan.png") no-repeat top center;
        background-position: center 15px;
    }

    .products-new-text {
        text-align: center;
    }

    .products-new-text h3 {
        font-size: 16px;
        line-height: 24px;
        color: #212229;
        font-weight: bold;
        margin-top: 87px;
    }

    .products-new-text p {
        margin-top: 20px;
        font-size: 14px;
        line-height: 28px;
        min-height: 84px;
        color: #626578;
        transition: all 0.3s;
        text-align: center;
    }

    .products-new-list .boxborder {
        width: 0;
        height: 202px;
        border-left: 1px solid #efefef;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
</style>
{/block}

{block name="main"}

<div class="bg-FDFDFD" style="padding-top: 110px;">
    <div class="container">
        {include file='pc/common/app'}
    </div>
</div>


<div class="bg-FDFDFD">
    <div class="products-new-li">
        <h2>我们的优势</h2>
        <ul class="products-new-list clearfix">
            <li>
                <div class="products-new-ctt">
                    <div class="products-new-link list-01">
                        <div class="products-new-text">
                            <h3>安全保障</h3>
                            <p>
                                转换后的新文件会在30分钟后自动删除，期间无人能查阅或下载这些文件；新文件一经下载，也会在云端删除，您无需担心隐私安全问题。
                            </p>
                        </div>
                    </div>
                </div>
                <div class="boxborder"></div>
            </li>
            <li>
                <div class="products-new-ctt">
                    <div class="products-new-link list-02">
                        <div class="products-new-text">
                            <h3>快捷简单</h3>
                            <p>
                                界面简洁,操作简单,不需要额外下载软件，使用浏览器进入对应文件处理功能页面，简单几步即可转换音频或视频文件。
                            </p>
                        </div>
                    </div>
                </div>
                <div class="boxborder"></div>
            </li>
            <li>
                <div class="products-new-ctt">
                    <div class="products-new-link list-03">
                        <div class="products-new-text">
                            <h3>批量转换</h3>
                            <p>
                                在线网站提供免费的视频转换与音频转换操作，可批量添加待转换的音频或视频文件，并根据需求调整合适的转换参数。
                            </p>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>


{/block}

{block name="script"}
<script>

</script>
{/block}